.banner-box{
    img{
        width:100%;
        height: 220px;
    }
    margin-bottom:8px;
}
.wrapper-box{ 
    padding:20px 25px;
    .main{
    height: 290px;
    
    
    .main-left{
        width:500px; 
        float: left;
    }
    // 右面tab切换
    .main-right{
        width:400px; 
        height: 290px;
        // background: red;
        float: right;
        position: relative; 
        //点击按钮    
        .list{
            border-bottom: 1px solid #84a7cf;
            li{
                display: inline-block;
                width: 146px;
                margin-left: 38px;
                text-align: center;
                line-height: 31px;
                font-size: 14px;
                &.active{
                    font-weight: bold;
                    border:1px solid #84a7cf;
                    border-bottom: 0;
                    background: #fff;
                  
                    // position: absolute;
                    span{
                        color: #84a7cf;
                    }
                }
            }
            
        }
        .news{         
            margin: 10px;  
            li{
                display: none;
            }
           .active{
                display: block;
            }
        }
    }
   
    }
   
    .main-bottom{
        height: 460px;
   
        margin-top: 20px;
        .genguo{
            
             img{
                 float: right;
                margin-top: 20px;
                margin-right: 20px;
             }
        }
        .mb-left{
            width:680px;
           
            float: left;
            height: 100%;
            .mbl-top{
                height: 220px;
                // background: #0f0;
                .mbl-top-left{
                    width: 330px;
                    background: #fff;
                    float: left;
                    //点击按钮    
                    .list1{
                        border-bottom: 1px solid #84a7cf;
                        li{
                            display: inline-block;
                            width: 120px;
                            margin-left: 25px;
                            text-align: center;
                            line-height: 31px;
                            font-size: 14px;
                            &.active{
                                font-weight: bold;
                                border:1px solid #84a7cf;
                                border-bottom: 0;
                                // position: absolute;
                                span{
                                    color: #84a7cf;
                                }
                            }
                        }
                        
                    }
                    .news1{
                        margin: 10px;  
                        height: 100px;
                        li{
                            display: none;
                        }
                        .active{
                            display: block;
                        }
                    }
                }
                .mbl-top-right{
                    float: right;
                    width: 330px; 
                    background: #fff; 
                     //点击按钮    
                     .list2{
                        border-bottom: 1px solid #84a7cf;
                        li{
                            display: inline-block;
                            width: 120px;
                            margin-left: 25px;
                            text-align: center;
                            line-height: 31px;
                            font-size: 14px;
                            &.active{
                                font-weight: bold;
                                border:1px solid #84a7cf;
                                border-bottom: 0;
                                // position: absolute;
                                span{
                                    color: #84a7cf;
                                }
                            }
                        }
                        
                    }
                    .news2{
                        margin: 10px;  
                        height: 100px;
                        li{
                            display: none;
                        }
                        .active{
                            display: block;
                        }
                    }                
                }
            }
            .mbl-bottom{
                height: 240px;
                ul{
                    margin-top: 10px;
                    li{
                        line-height: 25px;
                        span{
                            margin-right: 10px;
                        }
                    }
                }
               
                .mblb-left{
                    width: 330px;
                    float: left;
                    height: 100%;
                   
                }
                .mblb-right{
                    width: 330px;
                    float: right;
                   
                    height: 100%;
                }
            }
        }
        .mb-right{
            width:210px;
            height: 100%;
           
            float: right;
            .mbr-top{
                height: 220px;
                border: 1px #cccccc solid;
                //点击按钮    
                .list3{
                    
                    li{
                        display: inline-block;
                        width: 100px;
                        text-align: center;
                        line-height: 31px;
                        font-size: 14px;
                        background: blue;
                        color: #fff;
                        &.active{
                            font-weight: bold;
                            background: #fff;
                            color: #666;
                            border-bottom: 0;
                            // position: absolute;
                           
                        }
                    }
                    
                }
                .news3{
                    margin: 10px;  
                    li{
                        display: none;
                    }
                    .active{
                        display: block;
                    }
                }     

            }
            .mbr-bottom{
                height: 210px;
              
                margin-top: 30px;
                border: 1px #cccccc solid;
                h2{
                    font-size: 13px;
                    line-height: 25px;
                    color: #fff;
                    height: 25px;
                    // background: blue;
                    padding-left: 16px;
                }
                
            }
            img{
                width: 200px;
                height: 130px;
                padding: 10px 5px;
            }
            p{
                font-size: 12px;
                padding: 0 10px;
                line-height: 16px;
            }
        }
    }


}